$(function () {
  let userAvter = document.querySelectorAll('.text-avter');
  let userText = document.querySelector('.user-box .user-text');
  let layImg = document.querySelectorAll('.layui-nav-img');

  //封装ajax，获取用户基本信息
  function getUser() {
    $.ajax({
      method: 'GET',
      url: '/my/userinfo',
      // // 设置headers请求头
      // headers:{
      //   Authorization:localStorage.getItem('token') || '',
      // },
      success: function (res) {
        if (res.code !== 0) {
          return layer.msg('获取信息失败')
        }
        xrUser(res.data)
      },
      // 无论ajax调用成功还是失败，都会执行complete
      // complete:function(res){  
      //   // console.log(res.responseJSON);
      //   if(res.responseJSON.status !== 0 && res.responseJSON.message !== '获取用户基本信息成功！'){
      //     localStorage.removeItem('token');
      //     location.href = '/login.html';
      //   }
      // }
    });
  };
  getUser();
  // 渲染用户信息
  function xrUser(user) {
    // 渲染用户名
    let myName = user.nickname || user.username;
    userText.innerHTML = `&nbsp; 欢迎 &nbsp; ${myName}`
    // 渲染头像
    if (user.user_pic !== null) {
      layImg[0].src = user.user_pic;
      layImg[1].src = user.user_pic;
      userAvter[0].style.display = 'none';
      userAvter[1].style.display = 'none';
      return;
    } else {
      userAvter[0].innerHTML = myName[0].toUpperCase()
      userAvter[1].innerHTML = myName[0].toUpperCase()
      layImg[0].style.display = 'none'
      layImg[1].style.display = 'none'
    }
  };
  // 退出登录
  let desc = document.querySelector('.desc')
  let layer = layui.layer;
  desc.addEventListener('click', function () {
    layer.open({
      title: '提示',
      icon: 3,
      content: '确定退出登录吗',
      btn: ['确定', '取消'],
      yes: function (index, layero) {
        localStorage.removeItem('token');
        location.href = '/login.html';
      },
      btn2: function (index, layero) {}
    }, );
  })
})